 <template>
    <section>
        <router-view></router-view>
            <ul>
                <li><router-link to="/home">首页</router-link></li>
                <li><router-link to="/classify">分类</router-link></li>
                <li><router-link to="/star">星球</router-link></li>
                <li><router-link to="/shop">购物车</router-link></li>
                <li><router-link to="/my">我的</router-link></li>
            </ul>
    </section>
 </template>

 <style scoped>
     
     ul{
         width: 100%;
         position:fixed;
         bottom: 0px;
         left: 0px;
         right: 0px;
         list-style: none;
         background-color: white;
     }
     li {
        padding: 10px 0;
        width: 18%;
        display: inline-block;
        border:none;
    }
    a{
        color:black;
        text-decoration: none;
    } 
    .router-link-active{
        color: chocolate;
        border-bottom: 2px solid chocolate;
    }
 </style>